<template>
	<view class="foot-content">
		<view class="shuru">
			<view class="shuru-box">
				<input placeholder="有什么问题尽管问我"/>
			</view>
			<view class="fs">Send</view>
		</view>
		<view class="tips">内容有AI大模型生成，请仔细甄别</view>
	</view>
	<view class="foot-zw"></view>
</template>

<script lang="ts" setup>
</script>

<style scoped lang="scss">
	.foot-zw{
		width: 100%;
		height: calc(var(--window-bottom) + 160rpx);
	}
	.foot-content{
		padding: 20rpx 40rpx calc(20rpx + var(--window-bottom)) 40rpx;
		background: var(--fu-color);
		position: fixed;
		bottom: 0;
		left: 0;
		width: 100%;
		box-sizing: border-box;
		.shuru{
			display: flex;
			align-items: center;
			&-box{
				background: var(--main-color);
				padding: 20rpx;
				border-radius: 10rpx;
				flex: 1;
				>input{
					color: #73767D;
					font-size: 24rpx;
				}
			}
			.fs{
				margin-left: 20rpx;
				background: #2766E5;
				color: #fff;
				font-size: 24rpx;
				font-weight: bold;
				border-radius: 10rpx;
				padding: 10rpx 15rpx;
			}
		}
		.tips{
			font-size: 24rpx;
			color: #73767D;
			text-align: center;
			padding-top: 10rpx;
		}
	}
</style>